/**
 * 定义状态变量
 */
const state = {
    // 侧边栏是否折叠：true-折叠，false-展开
    isCollapsed: localStorage.getItem('isCollapsed') === 'true' || false,
};

/**
 * 定义修改状态的同步方法
 * 通过 commit 调用 mutations 定义的方法
 */
const  mutations = {
    // 设置侧边栏折叠
    SET_SIDEBAR_COLLAPSED(state) {
         state.isCollapsed = !state.isCollapsed;
         localStorage.setItem('isCollapsed', state.isCollapsed)
    },
};
/**
 * 定义修改状态的同步方法
 * 通过 dispatch 调用 actions 定义的方法
 */
const actions = {
    // 设置侧边栏折叠
    updateSidebarCollapsed({commit}) {
        commit('SET_SIDEBAR_COLLAPSED');
    },
};

// 导出相关的对象
export default {
    namespaced: true, state, mutations, actions
};